<template>
  <div id="app">
    <!-- 列表部分 -->
	<section class="todoapp">
		<!--头部  -->
		<todoHeader></todoHeader>

		<!--主体  -->
		<todoList></todoList>

		<!-- 底部 -->
		<todoFooter></todoFooter>
	</section>
  </div>
</template>

<script>
/* eslint-disable */

import todoHeader from './components/todoHeader'
import todoList from './components/todoList'
import todoFooter from './components/todoFooter'

export default {
  name: 'App',
  components: {
	  todoHeader,
	  todoList,
	  todoFooter
  }
}
</script>

<style>

</style>
